<template>
  <ui-page class="container">
    <div class="box">
      <div style="width: 30%;" v-for="(val,index) in list" :key="index">
        <component :is="val.name" title="小标题"></component>
      </div>
    </div>
  </ui-page>

</template>

<script>
import data from '../titleData'

export default {
  name: "onMapTitle",
  data() {
    return {
      list: data
    }
  }
}
</script>

<style lang="less" scoped>
.box {
  flex: 1;
  display: flex;
  flex-wrap: wrap;
  background: #2E363D;
  padding: 20px;
  gap: 40px;
}

</style>
